<html><head><title>hello,template!</title>
<script type="text/javascript" >
function openstr(){
str=prompt("写下你想写的内容吧！")
document.getElementById("one").innerHTML=str

}
</script>
<style type="text/css">
.title{
   position: relative;
   left: 200px;
   color: blue;
}
html{
	background-color: silver;
}
body{

	font-size: 30px;
	
	
}
</style>
</head>
<body><p>the web is good!And you are the king of the web!</p>
<h1 class="title">title one:</h1>
<p>hello,my name is ${name} .</p>
<h1 class="title">title two</h1>
<p>I`m a ${sex}</p>
<h1 class="title">title three</h1>
<p>Are you OK?</p>
<div style="width: 500px; height: 400px; padding-top: 10px; position: absolute; left: 300px; margin-left: 50px; border-left-width: 40px;" width="100px" onclick="openstr()"><ul style="left: 300px; top: 100px; padding-left: 100px;">dsdkhdjsdhdjhsadsd</ul>
<p id="one" style="background: none repeat scroll 0% 0% red; width: auto; height: 30px;">你是好人吗？</p>
</div>
</body>
</html>
